React-webucks 프로젝트 React: 로그인 버튼에 불 들어오게 하기 (1) 로그인 버튼에 불들어오게 하기...바닐라 js에서는 그토록 간단했던 것이, react에서는 2배로 간단해져버렸다... 로그인 버튼에 불 들어오게 하려면, 2개의 조건이 충족되어야 한다. 아이디에 '@'가 포함될 것 이 규칙을 지키면 불이 들어오는 로그인 버튼을 한 번 만들어보자! 아이디의 value에 includes 메소드를 써서 '@'가 있는지 확인하면 된다. id에 들어오는 값이 바뀔 때... ReactReact-webucks 프로젝트React React: 로그인 버튼에 불 들어오게 하기 (2) password도 같은 방법으로 해주면 된다. 이제 필요한 것은 로그인 버튼에 불이 들어오게 하는 것이다. 조건을 다시 생각해보자. 아이디에 '@'가 포함 비밀번호가 5자리 이상 이 조건에 대한 식은 아주 간단하다. 이제 중요한 것은 button에게 이 조건을 알려주는 방법이다. 그 전에! 버튼의 속성들을 추가해야한다. disable : 버튼 비활성화 opacity : 불투명도 내가 버튼에게... ReactReact-webucks 프로젝트React
React: 로그인 버튼에 불 들어오게 하기 (1) 로그인 버튼에 불들어오게 하기...바닐라 js에서는 그토록 간단했던 것이, react에서는 2배로 간단해져버렸다... 로그인 버튼에 불 들어오게 하려면, 2개의 조건이 충족되어야 한다. 아이디에 '@'가 포함될 것 이 규칙을 지키면 불이 들어오는 로그인 버튼을 한 번 만들어보자! 아이디의 value에 includes 메소드를 써서 '@'가 있는지 확인하면 된다. id에 들어오는 값이 바뀔 때... ReactReact-webucks 프로젝트React React: 로그인 버튼에 불 들어오게 하기 (2) password도 같은 방법으로 해주면 된다. 이제 필요한 것은 로그인 버튼에 불이 들어오게 하는 것이다. 조건을 다시 생각해보자. 아이디에 '@'가 포함 비밀번호가 5자리 이상 이 조건에 대한 식은 아주 간단하다. 이제 중요한 것은 button에게 이 조건을 알려주는 방법이다. 그 전에! 버튼의 속성들을 추가해야한다. disable : 버튼 비활성화 opacity : 불투명도 내가 버튼에게... ReactReact-webucks 프로젝트React